<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,user-scalable=0"
    />
    <title>container</title>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/index.css" />
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.min.js"></script>
  </head>
  <body>
    <!--顶部通栏-->
    <header class="wjs_topBar hidden-sm hidden-xs">
      <div class="container">
        <div class="col-md-2">
          <a href="" class="wjs_app">
            <span class="wjs_icon wjs_icon_phone"></span>
            <span>手机微金所</span>
            <span class="glyphicon glyphicon-menu-down"></span>
            <img src="images/c_06.jpg" alt="" />
          </a>
        </div>
        <div class="col-md-5">
          <span class="wjs_icon wjs_icon_tel"></span>
          <span>4006-89-4006 (服务时间: 9:00-21:00)</span>
        </div>
        <div class="col-md-2">
          <a href="#">常见问题</a>
          <a href="#">财富登录</a>
        </div>
        <div class="col-md-3">
          <a href="#" class="btn btn-default btn_register">免费注册</a>
          <a href="#" class="btn btn-link btn_login">登录</a>
        </div>
      </div>
    </header>

    <!--导航栏-->
    <!--导航条 默认样式的导航条-->
    <nav class="navbar wjs_nav" data-spy="affix" data-offset-top="200">
      <!--响应式容器-->
      <div class="container">
        <!-- 商标区域 和切换按钮 在移动端才会完全显示出来 -->
        <div class="navbar-header">
          <!--切换按钮-->
          <!--
            data-toggle="collapse" 声明折叠组件
            data-target="#bs-example-navbar-collapse-1"  控制ID叫...一个div
            屏幕阅读器
            a-expanded="false"
          -->
          <button
            type="button"
            class="navbar-toggle collapsed"
            data-toggle="collapse"
            data-target="#wjs-content"
            aria-expanded="false"
          >
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <!--商标区域-->
          <a class="navbar-brand" href="#">
            <span class="wjs_icon wjs_icon_logo"></span>
            <span class="wjs_icon wjs_icon_name"></span>
          </a>
        </div>

        <!-- 可以切换的区域 包含了连接 表单 和其他内容 -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">我要投资</a></li>
            <li><a href="#">我要借款</a></li>
            <li><a href="#">平台介绍</a></li>
            <li><a href="#">新手专区</a></li>
            <li><a href="#">最新动态</a></li>
            <li><a href="#">微论坛</a></li>
          </ul>

          <ul class="nav navbar-nav navbar-right hidden-sm">
            <li><a href="#">个人中心</a></li>
          </ul>
        </div>
      </div>
    </nav>

    <!--轮播图-->
    <div class="wjs_banner">
      <div
        id="carousel-example-generic"
        class="carousel slide"
        data-ride="carousel"
      >
        <ol class="carousel-indicators">
          <!--  TODO 动态渲染-->
        </ol>
        <div class="carousel-inner">
          <!--  TODO 动态渲染-->
        </div>
        <a
          class="left carousel-control"
          href="#carousel-example-generic"
          data-slide="prev"
        >
          <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a
          class="right carousel-control"
          href="#carousel-example-generic"
          data-slide="next"
        >
          <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
      </div>
    </div>
    <!--信息-->
    <div class="wjs_info hidden-xs">
      <div class="container">
        <div class="col-md-4 col-sm-6">
          <a href="#" class="media">
            <div class="media-left">
              <span class="wjs_icon wjs_icon_info"></span>
            </div>
            <div class="media-body">
              <h4 class="media-heading">支付交易保障</h4>
              <p>银联支付全称保证支付安全</p>
            </div>
          </a>
        </div>
        <div class="col-md-4 col-sm-6">
          <a href="#" class="media">
            <div class="media-left">
              <span class="wjs_icon wjs_icon_info"></span>
            </div>
            <div class="media-body">
              <h4 class="media-heading">支付交易保障</h4>
              <p>银联支付全称保证支付安全</p>
            </div>
          </a>
        </div>
        <div class="col-md-4 col-sm-6">
          <a href="#" class="media">
            <div class="media-left">
              <span class="wjs_icon wjs_icon_info"></span>
            </div>
            <div class="media-body">
              <h4 class="media-heading">支付交易保障</h4>
              <p>银联支付全称保证支付安全</p>
            </div>
          </a>
        </div>
        <div class="col-md-4 col-sm-6">
          <a href="#" class="media">
            <div class="media-left">
              <span class="wjs_icon wjs_icon_info"></span>
            </div>
            <div class="media-body">
              <h4 class="media-heading">支付交易保障</h4>
              <p>银联支付全称保证支付安全</p>
            </div>
          </a>
        </div>
        <div class="col-md-4 col-sm-6">
          <a href="#" class="media">
            <div class="media-left">
              <span class="wjs_icon wjs_icon_info"></span>
            </div>
            <div class="media-body">
              <h4 class="media-heading">支付交易保障</h4>
              <p>银联支付全称保证支付安全</p>
            </div>
          </a>
        </div>
        <div class="col-md-4 col-sm-6">
          <a href="#" class="media">
            <div class="media-left">
              <span class="wjs_icon wjs_icon_info"></span>
            </div>
            <div class="media-body">
              <h4 class="media-heading">支付交易保障</h4>
              <p>银联支付全称保证支付安全</p>
            </div>
          </a>
        </div>
      </div>
    </div>
    <!--预约-->
    <div class="wjs_book">
      <div class="container">
        <div class="pull-left">
          <span class="wjs_icon wjs_icon_clock"></span>
          现在有273人在排队,累计预约交易成功7571次。什么是预约投标?
          <a href="#" class="wjs_book_link">立即预约</a>
        </div>
        <div class="pull-right hidden-xs hidden-sm">
          <a href="#" class="wjs_book_video"
            ><span class="wjs_icon wjs_icon_video"></span>微金所企业宣传片</a
          >
        </div>
      </div>
    </div>
    <!--产品区域-->
    <div class="wjs_product">
      <div class="container">
        <div class="nav-tabs-parent">
          <ul class="nav nav-tabs" role="tablist">
            <!--
                    href="#home" 目标控制元素
                    data-toggle="tab" 申请是一个标签页组件
                -->
            <li class="active">
              <a href="#wjs_product_tab01" data-toggle="tab">特别推荐</a>
            </li>
            <li><a href="#wjs_product_tab02" data-toggle="tab">微投资</a></li>
            <li><a href="#wjs_product_tab03" data-toggle="tab">微小宝</a></li>
            <li><a href="#wjs_product_tab04" data-toggle="tab">微消费</a></li>
            <li><a href="#wjs_product_tab05" data-toggle="tab">微赠礼</a></li>
            <li><a href="#wjs_product_tab06" data-toggle="tab">微金宝</a></li>
            <li><a href="#wjs_product_tab07" data-toggle="tab">微论坛</a></li>
          </ul>
        </div>

        <div class="tab-content">
          <div class="tab-pane active" id="wjs_product_tab01">
            <!--大中3小2超小1-->
            <div class="col-md-4 col-sm-6 col-xs-12">
              <a href="#" class="product_box active">
                <div class="box_right">
                  <p><b>8</b><sub>%</sub></p>
                  <p>年利率</p>
                </div>
                <div class="box_left">
                  <h3>新手体验标1002期</h3>
                  <div class="col-xs-6">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                  <div class="col-xs-6 text-right">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                  <div class="col-xs-6">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                  <div class="col-xs-6 text-right">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
              <a href="#" class="product_box">
                <div class="box_right">
                  <div class="tips">
                    <span
                      class="red"
                      data-toggle="tooltip"
                      data-placement="top"
                      title="微金宝"
                      >微</span
                    >
                    <span
                      class="green"
                      data-toggle="tooltip"
                      data-placement="bottom"
                      title="江西省"
                      >赣</span
                    >
                  </div>
                  <p><b>8</b><sub>%</sub></p>
                  <p>年利率</p>
                </div>
                <div class="box_left">
                  <h3>新手体验标1002期</h3>
                  <div class="col-xs-6">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                  <div class="col-xs-6 text-right">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                  <div class="col-xs-6">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                  <div class="col-xs-6 text-right">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
              <a href="#" class="product_box">
                <div class="box_right">
                  <p><b>8</b><sub>%</sub></p>
                  <p>年利率</p>
                </div>
                <div class="box_left">
                  <h3>新手体验标1002期</h3>
                  <div class="col-xs-6">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                  <div class="col-xs-6 text-right">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                  <div class="col-xs-6">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                  <div class="col-xs-6 text-right">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                </div>
              </a>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
              <a href="#" class="product_box">
                <div class="box_right">
                  <p><b>8</b><sub>%</sub></p>
                  <p>年利率</p>
                </div>
                <div class="box_left">
                  <h3>新手体验标1002期</h3>
                  <div class="col-xs-6">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                  <div class="col-xs-6 text-right">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                  <div class="col-xs-6">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                  <div class="col-xs-6 text-right">
                    <p>起投金额(元)</p>
                    <p>0.01万</p>
                  </div>
                </div>
              </a>
            </div>
          </div>

          <div class="tab-pane" id="wjs_product_tab02">2</div>
          <div class="tab-pane" id="wjs_product_tab03">3</div>
          <div class="tab-pane" id="wjs_product_tab04">4</div>
          <div class="tab-pane" id="wjs_product_tab05">5</div>
          <div class="tab-pane" id="wjs_product_tab06">6</div>
          <div class="tab-pane" id="wjs_product_tab07">7</div>
        </div>
      </div>
    </div>
    <!--新闻-->
    <div class="wjs_news">
      <div class="container">
        <div class="col-md-2 col-md-offset-2">
          <h3 class="wjs_news_title">全部新闻</h3>
        </div>
        <div class="col-md-1">
          <div class="wjs_news_line hidden-sm hidden-xs"></div>
          <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active">
              <a href="#home" data-toggle="tab">
                <span class="wjs_icon wjs_icon_news_01"></span>
              </a>
            </li>
            <li role="presentation">
              <a href="#profile" data-toggle="tab">
                <span class="wjs_icon wjs_icon_news_02"></span
              ></a>
            </li>
            <li role="presentation">
              <a href="#messages" data-toggle="tab">
                <span class="wjs_icon wjs_icon_news_03"></span
              ></a>
            </li>
            <li role="presentation">
              <a href="#settings" data-toggle="tab">
                <span class="wjs_icon wjs_icon_news_04"></span
              ></a>
            </li>
          </ul>
        </div>
        <div class="col-md-7">
          <div class="tab-content">
            <div class="tab-pane active" id="home">
              <ul class="wjs_news_content">
                <li>
                  <a href="#"
                    >2022-9-18【微还款】一周还款公告2022年9月20日-9月7日</a
                  >
                </li>
                <li>
                  <a href="#"
                    >2022-9-18【微还款】一周还款公告2022年9月20日-9月7日</a
                  >
                </li>
                <li>
                  <a href="#"
                    >2022-9-18【微还款】一周还款公告2022年9月20日-9月7日</a
                  >
                </li>
                <li>
                  <a href="#"
                    >2022-9-18【微还款】一周还款公告2022年9月20日-9月7日</a
                  >
                </li>
                <li>
                  <a href="#"
                    >2022-9-18【微还款】一周还款公告2022年9月20日-9月7日</a
                  >
                </li>
                <li>
                  <a href="#"
                    >2022-9-18【微还款】一周还款公告2022年9月20日-9月7日</a
                  >
                </li>
                <li>
                  <a href="#"
                    >2022-9-18【微还款】一周还款公告2022年9月20日-9月7日</a
                  >
                </li>
                <li>
                  <a href="#"
                    >2022-9-18【微还款】一周还款公告2022年9月20日-9月7日</a
                  >
                </li>
              </ul>
            </div>
            <div class="tab-pane" id="profile">2</div>
            <div class="tab-pane" id="messages">3</div>
            <div class="tab-pane" id="settings">4</div>
          </div>
        </div>
      </div>
    </div>
    <!--合作伙伴-->
    <div class="wjs_partner">
      <div class="container">
        <h3 class="text-center">--合作伙伴--</h3>
        <ul>
          <li>
            <a href="#"><span class="wjs_icon wjs_icon_partner01"></span></a>
          </li>
          <li>
            <a href="#"><span class="wjs_icon wjs_icon_partner02"></span></a>
          </li>
          <li>
            <a href="#"><span class="wjs_icon wjs_icon_partner03"></span></a>
          </li>
          <li>
            <a href="#"><span class="wjs_icon wjs_icon_partner04"></span></a>
          </li>
          <li>
            <a href="#"><span class="wjs_icon wjs_icon_partner05"></span></a>
          </li>
          <li>
            <a href="#"><span class="wjs_icon wjs__icon_partner06"></span></a>
          </li>
          <li>
            <a href="#"><span class="wjs_icon wjs_icon_partner07"></span></a>
          </li>
          <li>
            <a href="#"><span class="wjs_icon wjs_icon_partner08"></span></a>
          </li>
          <li>
            <a href="#"><span class="wjs_icon wjs_icon_partner09"></span></a>
          </li>
        </ul>
      </div>
    </div>

    <script src="lib/jquery/jquery.min.js"></script>
    <script src="lib/bootstrap/js/bootstrap.js"></script>
    <script src="lib/iscroll/iscroll.js"></script>
    <script src="js/index.js"></script>
  </body>
</html>
